*{
    box-sizing:border-box;
    touch-action: pan-y;
}
body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
    font-weight: 400;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h4,
h5 {
    margin: 0;
    padding: 0;
}

body {
    //background-color: #F2F3F4;
    color: #FFFFFF;;
    font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif;
    //font-size: 12px;
    text-align: left;
    height: 100%;
}

select {
    //font-size: 12px;
}

table {
    border-collapse: collapse;
}
a {
    text-decoration: none;
    color: #FFFFFF;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
    color: #FFFFFF;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
    color: #FFFFFF;
}
button{
    outline: none;
    border: none;
}
fieldset,
img {
    border: 0 none;
}

fieldset {
    margin: 0;
    padding: 0;
}

fieldset p {
    margin: 0;
    padding: 0 0 0 8px;
}

legend {
    display: none;
}

address,
caption,
em,
strong,
th,
i {
    font-style: normal;
    font-weight: 400;
}

table caption {
    margin-left: -1px;
}

hr {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #E4E4E4;
    border-width: 1px 0;
    clear: both;
    height: 2px;
    margin: 5px 0;
    overflow: hidden;
}

ol,
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

caption,
th {
    text-align: left;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}
.ft12{font-size: 12px;}
.ft14{font-size: 14px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
.ft22{font-size: 22px;}
.ft30{font-size: 30px;}
.mint-header{
    background-color: #1791FF;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.padding40{
    padding-top: 40px;
}
.margin12{
    margin: 12px;
}


input{
    &::-webkit-input-placeholder{
        color: #AADDFF;
        font-size: 14px;
    }
    &:disabled{
        // cursor: not-allowed;
    }
}
.icon-btn{
    padding: 8px 28px;
    background: #08216A;
    border: 1px solid #1D82D8;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    margin-left: 15px;
    i{
        margin-right: 10px;
    }
}
.search{
    display: flex;
    flex-direction: row;
    .search-type{
        margin-right: 20px;
    }
}

.navbar{
    ul{
        display: flex;
        flex-direction: row;
        //font-size: 20px;
        li{
            padding: 0 36px;
            border-top: 1px solid #1882C6;
            border-right: 1px solid #1882C6;
            line-height: 50px;
            position: relative;
            background: rgba(34, 56, 57, 0.2);
            cursor: pointer;
            /*&:after{
                content: ' ';
                position: absolute;
                width: 1px;
                height: 58px;
                background-color: #1882C6;
                right: -15px;
                top: -4px;
                transform: rotate(-30deg);
            }*/
        }
        &:first-child{
            border-left: 1px solid #1882C6;
        }
        .hover{
            background-color: #00174F;
            .navbar-hover{
                position: absolute;
                left: 0;
                bottom: -1px;
                width: 100%;
                height: 1px;
                background-color: #00174F;
            }
        }
    }
    @media (min-width: 1360px) {
        .navbar ul{font-size: 17px;}
    }

    @media (min-width: 1440px) {
        .navbar ul{font-size: 18px;}
    }

    @media (min-width: 1680px) {
        .navbar ul{font-size: 20px;}
    }
    @media (min-width: 1920px) {
        .navbar ul{font-size: 20px;}
    }
}

// 滚动条
.scallbar, .el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto;
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    &::-webkit-scrollbar {
        width: 6px;
        height: 0;
        background-color: #13234F;
        border: none;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background-color: #13234F;
    }

    /*定义滑块 内阴影+圆角*/
    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        background-color: #1D82D8;
        background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%,transparent);
    }
}
